
mark {
	background-color: #ff0;
	color: #000
}
fieldset {
	border: 1px solid silver;
}
::-webkit-scrollbar {
	background: #e4f1fe;
}

::-webkit-scrollbar-thumb {
	border: 1px solid rgba(255,255,255,.16);
	background-color: #92a7cc;
}

::-webkit-scrollbar-corner,
    ::-webkit-resizer {
	background: #e4f1fe;
}

body {
	color: #343b48;
	background: #eee;
}

.open .header-left{
	background: #ffF;
}

header .header-center {
	background: #fff;
}
.zoom-widget button {
	background: #0079fa;
}

.zoom-widget button:after,.zoom-widget button:before {

	background: #FFF;
}
.zoom-widget button:disabled {
	background: #222;
}
.zoom-widget button:disabled:after,.zoom-widget button:disabled:before {
	background: #606264;
}
.unit-box .overlay {
	background: rgba(0,0,0,.56);
}
.unit-box ul {
	background: #fff;
}

.unit-box:focus h3 {
	color: #3A3A3A;
}
.unit-box li:hover label {
	background-color: #e4f1fe;
}
.page-list span:before,.unit-box span:before {
	color: #fff;
}
.page-list input:checked+span:before,.unit-box input:checked+span:before {
	color: #fff;
}
.unit-box .sub-title {
	background: #f0f2f5;
	color: #3A3A3A;
}
.inspector,.navbar {
	background: #fff;
}
.back{
	background-color: #0079fa;
	color: #fff;
}
.inspector {
	box-shadow: 0 4px 12px rgba(40, 120, 255, 0.11), 0 3px 14px rgba(0, 0, 0, 0.11);
}
.inspector h3 {
	background-color: #f0f2f5;
}
.navbar {
	background-color: #f0f2f5;
	box-shadow: 0 4px 12px rgba(40, 120, 255, 0.11), 0 3px 14px rgba(0, 0, 0, 0.11);
	
}
.navbarBack{
	background-color: rgba(207, 207, 207, 0.3);
	color: #eeeeee;
}
.navbar nav {
	background: #000204;
}

.tab li.current {
	background-color: #0079fa;
}
#inspector .tab li.select {
	background-color: rgba(255,255,255,.05);
}
#inspector .tab li.select:before {
	background-position-x: -50px;
}
.screen {
	background: #FFF;
	box-shadow: 0 2px 4px 1px rgba(40, 120, 255, 0.08), 0 0 6px 1px rgba(0, 0, 0, 0.08);
}
.hover,.selected {
	border: 1px solid #EE6723;
}

.has-slice {
	border: 1px dashed #EE6723;
	background: rgba(255,85,0,.32);
}

.layer b,.layer i {
	background: #FFF;
	border: 1px solid #EE6723;
}
.layer b {
	background: #EE6723;
}
.distance.h div[data-width]:before,.distance.v div[data-height]:before,.selected:after,.selected:before {
	color: #FFF;
	background: #EE6723;
}
.hover {
	border: 1px solid #0079fa;
}

.selected {
	border: 1px solid #EE6723;
}

.ruler {
	border: 1px dashed #0079fa;
}
.distance.v div {
	background: #EE6723;
}

.distance.h div {
	background: #EE6723;
}

.distance.v:after,.distance.v:before {
	background: #EE6723;
}

.distance.h:after,.distance.h:before {
	background: #EE6723;
}
.note {
	background: linear-gradient(180deg, #ff8181 0%, #ef1010 100%);
	border: 2px solid #FFF;
	box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
}
.note:before {
	color: #FFF;
}
.note:hover {
	background: #F5A623;
}
.note div {
	background: #FFF;
	box-shadow: 0 0 3px rgba(0,0,0,.5);
	color: #222;
}
.slidebox label {
	background: #898989;
	box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.3);
}
.slidebox label:after {
	background-image: linear-gradient(-180deg,#F8F9F6 0,#F5F5F5 100%);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);
}
.slidebox input[type=checkbox]:checked+label {
	background: #0079fa;
}
.header-right{
	background-color: #f0f2f5;
}
.inspector input,.inspector textarea {
	background: #f4f7fd;

}
#opacity,#letter-spacing,#line-height,#position-x,#position-y,#size-width,#size-height,#font-family,.dataColor,#radius{
	color: #333;
	background: #f4f7fd;

}
.context h4:before {
	background: #0079fa;
}
.inspector .color label em {
	background-color: #fff;
	background-image: linear-gradient(45deg,#dddadc 25%,transparent 25%,transparent 75%,#dddadc 75%,#dddadc),linear-gradient(45deg,#dddadc 25%,transparent 25%,transparent 75%,#dddadc 75%,#dddadc);
}
.gradient .color label:after {
	background: #FFF;
	box-shadow: 0 0 2px 1px rgba(0,0,0,.2);
	box-shadow: 0 0 2px 1px rgba(0,0,0,.2);
}
.artboard-list li:hover,.asset-list li:hover,.color-list li:hover {
	background: #e5f1ff28;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	transition: all 0.35s;
	cursor: pointer;

}
.artboard-list li.active {
	background: #0079fa;
	color: #fff;
}
.preview-img img {
	background: #FFF;
}
.pages-select h3 {
	color: rgba(0,0,0,1);
}
.pages-select {
    background-image: #f0f2f5;
}
.page-list {
	background:rgba(255,255,255,1);
	box-shadow: 0 2px 20px 0 #c3e0ff;
}
.page-list li:hover {
	color: #fff;
	background: #0079fa;
}
.exportable li {
	color:#333;
	border-bottom: 1px solid #bbb;
}

.exportable li:hover{
	color: #fff;
	background: #0079fa;
}
.asset-list li picture,.color-list li em {
	background-color: #4A4A4A;
	background-image: linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%,#000),linear-gradient(45deg,#000 25%,transparent 25%,transparent 75%,#000 75%,#000);
}

.color-list li em {
	background-color: #fff;
	background-image: linear-gradient(45deg,#dddadc 25%,transparent 25%,transparent 75%,#dddadc 75%,#dddadc),linear-gradient(45deg,#dddadc 25%,transparent 25%,transparent 75%,#dddadc 75%,#dddadc);
}
.artboard{
	background-color: #fff;
}
.artboard-list li.active small {
	color: #FFF;
}
.swkgBj{
	left: 26px;
}
